<template>
    <div>
        <!--{#if $apply}}-->
        <template v-if="data.apply">
            <div id="container">
                <!--{#foreach from=$apply  item=list}}-->
                <article class="classifylist box thisurl" v-for="list in data.apply" :url="'../' + list.wap_jobs_url">
                    <section class="title flex-box">
                        <div class="chk chkabaout">
                            <input type="checkbox" :id[]="list.did" />
                            <label for="" class="check-box"></label>
                        </div>
                        <div class="name">{{list.jobs_name}}</div>
                        <div class="status flex2"><span>{{list.reply_status}}</span></div>
                    </section>
                    <section class="txt flex-box">
                        <div class="chk chkabaout"></div>
                        <div class="left">{{list.company_name}}</div>
                        <div class="right flex2">{{list.apply_addtime}}</div>
                    </section>
                </article>
                <!--{#/foreach}}-->
            </div>
            <!-- 正在加载 -->
            <article class="loadinglist flex-box">
                <div class="spinner">
                    <div class="spinner-container container1">
                        <div class="circle1"></div>
                        <div class="circle2"></div>
                        <div class="circle3"></div>
                        <div class="circle4"></div>
                    </div>
                    <div class="spinner-container container2">
                        <div class="circle1"></div>
                        <div class="circle2"></div>
                        <div class="circle3"></div>
                        <div class="circle4"></div>
                    </div>
                    <div class="spinner-container container3">
                        <div class="circle1"></div>
                        <div class="circle2"></div>
                        <div class="circle3"></div>
                        <div class="circle4"></div>
                    </div>
                </div>
            </article>
            <!-- 没有更多职位了 -->
            <article class="optionlist optionlisteditworkexp personalinfo remindnoinfo">
                <section class="flex-box list" url="">
                    <div class="right cof90 flex2 nobm">没有更多申请职位了！</div>
                </section>
            </article>
            <article class="flex-box arlogout arlogoutedit chkabaout dn">
                <div class="operatea">
                    <a class="checkall flex-box" id="opecheckall" href="javascript:;">全选</a>
                    <a class="delete flex-box" id="opecheckdelete" href="javascript:;">删除</a>
                </div>
            </article>
        </template>
        <!--{#else}}-->
        <template v-else>
            <article class="nodata">
                <div class="cryimg flex-box"><span class="icon-user-crying"></span></div>
                <div class="txt flex-box">你还没有申请过任何职位！</div>
                <div class="hint flex-box">我们为您准备了<span>350万</span>份工作，随便你挑哦！</div>
            </article>
            <article class="flex-box arlogout arlogoutedit" style="display:block">
                <x-button type="primary" @click.native="go('m_jobs')">搜索职位</x-button>
            </article>
        </template>
    </div>
</template>
<script>
import {
    PopupPicker,
    Datetime,
    XTextarea,
    XInput,
    Group,
    XButton
} from 'vux'

export default {
    components: {
        PopupPicker,
        Datetime,
        XTextarea,
        XInput,
        Group,
        XButton
    },
    mounted: function() {
        this.getData();
    },
    updated: function() {

    },
    methods: {
        go(name) {
            this.$router.push(`/${name}`)
        },
        getData: function() {
            
        }
    },
    data() {
        return {

            data: {
                apply: {}
            }
        }
    }
}
</script>
<style scoped>

</style>
